﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="XemSanPham.aspx.cs" Inherits="ThoiTrangT2B.XemSanPham"
    MasterPageFile="~/TwoColumn.Master" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
    <link rel="stylesheet" type="text/css" href="css/component.css" />

    <script src="css/modernizr.custom.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
        var isVisible = false;
        $(window).scroll(function(){
             var shouldBeVisible = $(window).scrollTop()>200;
             if (shouldBeVisible && !isVisible) {
                  isVisible = true;
                  $('<%= btnSearch.ClientID%>').show();
             } else if (isVisible && !shouldBeVisible) {
                  isVisible = false;
                  $('#mybutton').hide();
            }
        });
        });
    </script>

    <style>
        .ProductStack
        {
            display: block;
            float: left;
            text-align: center;
            width: 180px;
            border: solid 1px red;
            margin: 10px 3px 0px 3px;
            padding: 5px;
            background-color: #FFF;
        }
    </style>
    <div class="FeatureBlock" style="width: 20%">
        <div class="box-sildebar">
            <h4 class="title">
                Giá Bán</h4>
            <div class="pading10">
                <label class="FeatureLabel">
                    Giá từ :
                </label>
                <asp:TextBox ID="pFrom" runat="server" CssClass="FeatureInput number"></asp:TextBox>
                <label class="FeatureLabel">
                    Giá đến :
                </label>
                <asp:TextBox ID="pTo" runat="server" CssClass="FeatureInput number"></asp:TextBox>
            </div>
            <asp:Button ID="btnSearch" runat="server" Text="Tìm kiếm" CssClass="btn filter" OnClick="btnSearch_Click" />
        </div>
        <div class="box-sildebar">
            <h4 class="title">
                Hãng sản xuất</h4>
            <div class="pading10">
                <asp:CheckBoxList ID="chkHangSX" runat="server" CssClass="FeatureLabel">
                </asp:CheckBoxList>
            </div>
        </div>
        <div class="box-sildebar">
            <h4 class="title">
                Khuyến mại</h4>
            <div class="pading10">
                <asp:RadioButtonList ID="chkKhuyenMai" runat="server" CssClass="FeatureLabel">
                </asp:RadioButtonList>
            </div>
        </div>
        <div class="box-sildebar">
            <h4 class="title">
                Kích cỡ</h4>
            <div class="pading10">
                <asp:CheckBoxList ID="chkSize" runat="server" CssClass="FeatureLabel">
                </asp:CheckBoxList>
            </div>
        </div>
        <div class="box-sildebar">
            <style type="text/css">
                .color-tag
                {
                    float: left;
                    width: 150px;
                    height: 18px;
                    margin: 5px;
                    border: 1px solid #DDD;
                }
            </style>
            <h4 class="title">
                Màu sắc</h4>
            <div class="pading10">
                <asp:Repeater ID="chkMauSac" runat="server" DataMember="ID">
                    <ItemTemplate>
                        <asp:CheckBox ID="chkColor" runat="server" CssClass="fl" />
                        <div class="color-tag" style='background-color: <%# Eval("TenDM")%>'>
                            <asp:HiddenField ID="hdnID" runat="server" Value='<%# Eval("ID")%>' />
                        </div>
                        <br />
                    </ItemTemplate>
                </asp:Repeater>
            </div>
        </div>
    </div>
    <div class="DetailBlock" style="width: 78%">
        <div class="category" style="margin: 0px !important">
            <div class="title-category" style="background-image: url('../userfiles/category/icon-shopping.png')">
                <span><a href="." />Trang chủ</a></span>
            </div>
            <div class="view-category">
                <asp:HyperLink ID="hplTitle" runat="server"></asp:HyperLink>
            </div>
        </div>
        <div class="ProductList">
            <ul class="grid cs-style-3">
                <asp:PlaceHolder ID="ProductListHolder" runat="server"></asp:PlaceHolder>
            </ul>
        </div>
    </div>
</asp:Content>
